<template>
    <div :class="`shop-order-contact-service ${mode}`">
        <MiniIcon name="service" :mode="mode" :styleMode="styleMode" theme="#576B95" :size="18" />联系客服
    </div>
</template>

<script>
import { MiniIcon } from '@components/base';
import ModeMixin from '@common/mixin';
export default {
    name: 'ContactService', // 联系客服
    mixins: [ModeMixin],
    components: {
        MiniIcon,
    },
};
</script>

<style lang="less">
.shop-order-contact-service {
    .m-h(@gap-md);
    background-color: @white;
    height: 54px;
    border-radius: @border-radius;
    .flex-row-center();
    color: #576B95;
    font-size: @font-size;
    .mini-icon {
        .m-r(@gap-sm);
    }
    &.black {
        background-color: @black-bg-color;
    }
}
</style>
